﻿@{
    Layout = "~/Views/Shared/_QueryMaster.cshtml";
}
@model int

@section styles
    {
}
@section scripts{


    <script>
        $(function() {

            //1.初始化Table
            var oTable = new TableInit();
            oTable.Init();

            //2.初始化Button的点击事件
            var oButtonInit = new ButtonInit();
            oButtonInit.Init();

            $(window).resize(function() {
                $('#tb_users').bootstrapTable('resetView',
                    {
                        height: getTableHeight()
                    });
            });
        });

        var TableInit = function() {

            var oTableInit = new Object();
            //初始化Table
            oTableInit.Init = function() {
                $('#tb_users').bootstrapTable({
                    url: '/api/services/admin/user/GetChoseUsers', //请求后台的URL（*）
                    method: 'post', //请求方式（*）
                    toolbar: '#toolbar', //工具按钮用哪个容器
                    striped: true, //是否显示行间隔色
                    cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                    pagination: true, //是否显示分页（*）
                    sortable: false, //是否启用排序
                    sortOrder: "asc", //排序方式
                    queryParams: oTableInit.queryParams, //传递参数（*）
                    sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
                    pageNumber: 1, //初始化加载第一页，默认第一页
                    pageSize: 20, //每页的记录行数（*）
                    pageList: [20, 25, 50, 100], //可供选择的每页的行数（*）
                    search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                    strictSearch: true,
                    showColumns: false, //是否显示所有的列
                    showRefresh: false, //是否显示刷新按钮
                    minimumCountColumns: 2, //最少允许的列数
                    clickToSelect: true, //是否启用点击选中行
                    height: getTableHeight(), //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                    uniqueId: "id", //每一行的唯一标识，一般为主键列
                    showToggle: false, //是否显示详细视图和列表视图的切换按钮
                    cardView: false, //是否显示详细视图
                    detailView: false, //是否显示父子表
                    columns: [
                        {
                            checkbox: true
                        }, {
                            field: 'userName',
                            title: '账号'
                        }, {
                            field: 'name',
                            title: '名称'
                        }, {
                            field: 'phoneNumber',
                            title: '电话'
                        }, {
                            field: 'emailAddress',
                            title: '邮箱'
                        }, {
                            field: 'isActive',
                            title: '激活',
                            wdith: 50,
                            align: 'center',
                            formatter: function (value, row, index) {
                                if (value) {
                                    return '<input type="checkbox" checked disabled />';
                                } else {
                                    return '<input type="checkbox" disabled />';
                                }
                            }
                        }, {
                            field: 'creationTime',
                            title: '创建时间',
                            align: 'center',
                            formatter: function (value, row, index) {
                                return value == null ? "" : value.ToDateTime().Format("yyyy-mm-dd hh:ii:ss");
                            }
                        }, {
                            field: 'lastLoginTime',
                            title: '最后登录时间',
                            align: 'center',
                            formatter: function (value, row, index) {
                                return value == null ? "" : value.ToDateTime().Format("yyyy-mm-dd hh:ii:ss");
                            }
                        }, {
                            field: 'accessFailedCount',
                            title: '登录失败次数',
                            align: 'right'
                        }
                    ]
                });
            };

            //得到查询的参数
            oTableInit.queryParams = function(params) {
                var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    SearchCount: params.limit, //页面大小
                    SkipCount: params.offset, //页码
                    SearchStr: $("#txt_search").val(),
                    OrgUnitId: @Model
                };
                return temp;
            };
            return oTableInit;
        };

        var ButtonInit = function() {
            var oInit = new Object();
            var postdata = {};

            oInit.Init = function() {
                //初始化页面上面的按钮事件

                $("#tb_users").click(function() {
                    onRefresh();
                });
            };

            return oInit;
        };

        function onRefresh() {
            $('#tb_users').bootstrapTable('refresh');
        }

        function getTableHeight() {
            return $(".body-content").height() - $("#searchPanel").height() - 40;
        }

        function getSelectRows() {
            var result = $('#tb_users').bootstrapTable('getSelections');

            return result;
        }

    </script>
}
<div class="panel-body" style="padding-bottom:0px;">
    <div class="panel panel-default" id="searchPanel">
        <div class="panel-heading">查询条件</div>
        <div class="panel-body">
            <form id="formSearch" class="form-horizontal">
                <div class="form-group" style="margin-top:15px">
                    <label class="control-label col-sm-1" for="txt_search">搜索</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" id="txt_search" placeholder="用户名/姓名">
                    </div>
                    <div class="col-sm-3" style="text-align:left;">
                        <button type="button" style="margin-left:50px" id="btn_query" class="btn btn-primary"><i class="fa fa-search"></i> 查询</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <table id="tb_users"></table>
</div>